import Vuerouter from "vue-router";
import home from './home.vue';
const routes = new Vuerouter({
  // 区别history路径不带#，比较美观
  // history模式，刷新会吧路径当做接口资源，但是hash不会
  mode: 'history',
  // routes: [
  //   {
  //     // path为/代表一进入页面就展示的页面
  //     path: '/',
  //     component: () =>
  //       import('../课件/router/app.vue'),
  //     // 重定向（会展示重定向里面的路由）
  //     // 他只是一进入页面的时候有效果 
  //     name: 'app',
  //     // redirect:{name:'home'},
  //     // 路由元信息(写自定义变量)
  //     meta: {
  //       // title: 'home',
  //       isAutr: true

  //     },

  //     // 包涵子路由

  //     children: [
  //       {
  //         // 路由跳转到路径，自己命名
  //         path: '/home',
  //         //   跳转到组件（2种写法）
  //         component: home,
  //         //   命名路由
  //         name: 'home',
  //         meta: {
  //           // title: 'home',
  //           isAutr: true

  //         },
  //       },
  //       {
  //         path: '/about',
  //         component: () =>
  //           import('../课件/router/about.vue'),
  //         name: 'about',
  //         meta: {
  //           // title: 'home',
  //           isAutr: true

  //         },

  //       },
  //     ],
  //   }, {
  //     path: '/login',
  //     // component: () =>
  //     //   import('../课件/router/login.vue'),
  //     // 路由视图
  //     components:{
  //       default:()=>
  //     import('../课件/router/login.vue'),
  //     a:()=>import('../课件/router/login.vue')
  //   },
  //     name: 'login',
  //     // redirect:{name:'login'}, 
  //     meta: {
  //       // title: 'home',
  //       isAutr: true

  //     },
  //     // beforeEnter:(to,from,next)=>{
  //     //   // to,beforeEnter写在那个路由下面就指代谁
  //     //   console.log(to,from);
  //     //   if(to.meta.isAutr){
  //     //        next()
  //     //   }else{
  //     //     next(false)
  //     //   }
  //     // }
  //   },
  //   // {
  //   //   // 路由跳转到路径，自己命名
  //   //   path: '/home',
  //   //   //   跳转到组件（2种写法）
  //   //   component: home,
  //   //   //   命名路由
  //   //   name: 'home',


  //   // },
  // ]
  routes:[
    {
          // path为/代表一进入页面就展示的页面
          path: '/',
          component: () =>
            import('../yonghu/denglu.vue'),
          // 重定向（会展示重定向里面的路由）
          // 他只是一进入页面的时候有效果 
          name: 'denglu',
          // redirect:{name:'home'},
          // 路由元信息(写自定义变量)
          meta: {
            // title: 'home',
            isAutr: true
    
          },
          // 包涵子路由
     },{
      path: '/app',
      component: () =>
      import('../yonghu/app.vue'),
      name: 'app',
      redirect:{name:'1'},
      meta: {
        // title: 'home',
        isAutr: true
      },
      children:[{
        path: '/1',
        component: () =>
        import('../yonghu/zizujian/1.vue'),
        name: '1',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/2',
        component: () =>
        import('../yonghu/zizujian/2.vue'),
        name: '2',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/3',
        component: () =>
        import('../yonghu/zizujian/3.vue'),
        name: '3',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/4',
        component: () =>
        import('../yonghu/zizujian/4.vue'),
        name: '4',
        meta: {
          // title: 'home',
          isAutr: true
        },
      },{
        path: '/5',
        component: () =>
        import('../yonghu/zizujian/5.vue'),
        name: '5',
        meta: {
          // title: 'home',
          isAutr: true
        },
      }]
     },{
        path: '/app2',
        component: () =>
        import('../yonghu/app2.vue'),
        name: 'app2',
        redirect:{name:'shouye'},
        meta: {
          // title: 'home',
          isAutr: true
        },
        children:[{
          path: '/shouye',
          component: () =>
          import('../yonghu/zizujian/shouye.vue'),
          name: 'shouye',
          meta: {
            // title: 'home',
            isAutr: true
          },
        },{
          path: '/shangpingye',
          component: () =>
          import('../yonghu/zizujian/shangpingye.vue'),
          name: 'shangpingye',
          meta: {
            // title: 'home',
            isAutr: true
          },
        }]
     }
  ]
})


//路由守卫
// 第一个 前置守卫
// routes.beforeEach((to, from, next) => {
//   let data = localStorage.getItem('data')
//   if (Boolean(data)) {
//     if (to.name == 'app') {
//       next({ name: 'login' })
//     } else {
//       console.log(2);
//       next()
//     }
//   } else {
//     if (to.name != 'app') {
//       console.log(3);
//       next({ name: 'app' })
//     } else {
//       console.log(4);
//       next()
//     }
//   }

//   // console.log('to', to);
//   // console.log('from', from);
//   // next(false)
//   // 放行到你指定的逻辑
//   // next({name:'home',path:'/home'})
// })
// 后置守卫
// routes.afterEach((to,from)=>{
//   console.log('ho', to,from);
// })
export default routes